<!--  -->
<template>
  <div>
    <div v-for="da in data" :key="da.id" class="swiper-slide">
      <img :src="da.img.replace('/w.h','')" alt="">
      <p>{{da.nm}}</p>
      <span>{{da.wish}}人想看</span>
      <span>{{da.rt}}</span>
    </div>
  </div>
</template>

<script>
  export default {

    data() {
      return {};
    },
    props: ["data"],

    components: {},

    computed: {},

    mounted() {},

    methods: {}
  }
</script>
<style lang='scss' scoped>
  * {
    margin: 0;
    padding: 0;
  }

  .swiper-slide {
    height: 1.7rem;
    width: 0.9rem;
    margin: 0 0.05rem 0 0.05rem;
    flex-shrink: 0;
  }

  img {
    display: block;
    height: 1.15rem;
    width: 0.9rem;
  }

  p {
    font-weight:bold;
    display: block;
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.14rem;
    color: #424242;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  span {
    display: block;
    height: 0.16rem;
    line-height: 0.16rem;
    font-size: 0.10rem;
    color: #424242;
  }
</style>